/* pages/group/index.wxss */
.userChatContentBox {
  width: 100%;
  height: calc(100vh - 190rpx);
  display: flex;
  max-height: 100vh;
  // height: 100vh;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  background-color: #f6f6f6;
  .headerContentBox {
    width: 100%;
    padding: 100rpx 0 0;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    .backBox {
      position: absolute;
      bottom: 50rpx;
      left: 40rpx;
    }
    .headerBox {
      
      .headImgBox {
        width: 10%;
        height: auto;
        margin: 0 auto;
        position: relative;
        image {
          border-radius: 80rpx;
          width: 70rpx;
          height: 70rpx;
        }
        .statusBox {
          position: absolute;
          right: 0;
          top: 0;
        }
      }
      
      .nameBox {
        width: 60%;
        margin: 0 auto;
        height: auto;
        padding-bottom: 5px;
        .mbtiBox {
          width: 45rpx;
          height: 45rpx;
          margin-top: 10rpx;
        }
        .user-nameBox{
          max-width: calc(100% - 45rpx);
        }
      }
    }

  }
  .userChatBox {
    // display: flex;
    // flex-direction: column;
    // padding: 20rpx 40rpx 20rpx;
    max-height: calc(100% - 286rpx);
    flex:1;
    padding: 0 40rpx;
    background: #f6f6f6;
    box-sizing: border-box;

    .title-h1 {
      margin: 20rpx 0 10rpx;
      font-family: PingFang SC-Semibold;
      font-weight: 600;
      font-size: 40rpx;
      color: #313131;
      line-height: 56rpx;
    }

    .group-des {
      font-family: PingFang SC-Regular;
      font-weight: 400;
      font-size: 28rpx;
      color: #313131;
      line-height: 44rpx;
    }

    .group-users {
      margin: 20rpx -40rpx 0;
      padding: 20rpx 40rpx;
      background: #FFF0E6;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: PingFang SC-Regular;
      font-weight: 400;
      font-size: 28rpx;
      color: #313131;
      line-height: 44rpx;

      .user-num {
        display: flex;
        align-items: center;
        column-gap: 20rpx;

        image {
          border-radius: 50%;
          margin-left: -10rpx;
        }
      }
    }

    .message-box {
      // height: calc(100vh * 0.698);
      // height: calc(100vh - 460rpx);
      height: 100%;
      padding: 20rpx 0;
      box-sizing: border-box;
      // message-box
    }
  }
}